<style scoped>
    .mshop-swiper-item {
        width: 100%;
    }

</style>

<template>
    <div class="mshop-swiper-item">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        props: {
            mame: String,
            action: Function,
            index: Number,
        },
        events: {
            'swiper-current': function(index) {
                if (index === this.index) {
                    this.action();
                }
            }
        }
    }
</script>
